<%--
    Document   : index
    Created on : Mar 17, 2010, 7:21:26 PM
    Author     : rmatos
--%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html >
    <head >
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Mucho Quotes</title>
        <script src="resources/quotes_functions.js" type="text/javascript"></script>
        <script src="resources/jquery.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="resources/CoolWater.css"/>
    </head>


    <script type="text/javascript">
        $(document).ready(function (){
            
      

            $("li#current").click(function (){
                $("div#quote_div").slideUp("slow",function(){
                    
                    getRandomQuote();

                });
                
                
                $("div#quote_div").slideDown("slow");
                
            });


            $("select#searchSelect").change(function(){

                $("div#search_div").fadeOut("slow", function(){


                    searchQuote();

                });

                $("div#search_div").fadeIn("slow");




            });


        });
    </script>



    <body>
        <div id="wrap">

            <c:import url="Header.jsp"/>

            <!-- content-wrap starts here -->
            <div id="content-wrap">

                <div id="main">

                    <div id="quote_div">

                    </div>

                </div>

                <div id="sidebar">
                    
                    <img src="resources/registeryourquote.jpg" width="174" height="190" alt="register"/>
                    <center><h2>Register your Quotes</h2></center>
                </div>

                

            </div>

            <c:import url="Footer.jsp"/>

        </div>

            

    </body>
</html>
